<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
         *{
         	padding: 0;
         	margin: 0;
         }
         .box{
         	width: 400px;
         	border: 1px solid green;
         	background: url(./bg.gif);
         	padding: 20px;
         }
         ul{
         	background: white;
         	padding: 10px;
         }
         ul li{
         	list-style: none;
         	color: blue;
        	padding: 10px;
         	padding-left: 20px;
         	border-bottom: 1px dashed;
         	background: url(./tb.gif) no-repeat left;
         }
         h3{
         	color: white;
         	margin-bottom: 15px;
         	padding-left: 5px;
         	border-left: 5px solid greenyellow;
         }
	</style>
</head>
<body>
     <div class="box">
     	<h3>爱宠知识</h3>
     	<ul>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     		<li>养狗比养猫更健康</li>
     	</ul>

     </div>
</body>
</html>